import { Component, OnInit, HostBinding, HostListener } from '@angular/core';
import { itemAnim } from '../../anims/item.anim';

@Component({
  selector: 'app-task-item',
  templateUrl: './task-item.component.html',
  styles: [],
  animations:[itemAnim]
})
export class TaskItemComponent implements OnInit {
  itemState: string;
  @HostListener('mouseenter')
  onmouseenter() {
    this.itemState = 'in';
  }
  @HostListener('mouseleave')
  onmouseleave() {
    this.itemState = 'out';
  }
  constructor() { }

  ngOnInit() {
  }

}
